<div class="main-con">
    <div class="row">
        <!--list -->
        <div class="col-xs-4">
            <search-box search-data="searchData" search-submit="getRecordList(true)"></search-box>
            <div class="result-bar">
                共<span class="mColor" ng-bind="count"></span>条记录
            </div>
            <div class="lft-wrap box-shadow" when-scrolled="getRecordList()">
                <div class="divlist" >
                    <ul class="data-list" repeat-list="getRgtModel()" active-id="{{activeId}}">
                        <li class="repeat-animation" ng-repeat="item in recordList track by $index" relativeId="{{item.Id}}" ng-class="{active:$index==0}">
                            <div class="media-left">
                                <div class="icon-box">
                                    <img ng-if="item.Icon" class="media-object img-circle" alt="" width="60" height="60" ng-src="{{item.Icon}}">
                                    <i ng-if="!item.Icon" class="glyphicon glyphicon-list-alt"></i>
                                </div>
                            </div>
                            <div class="media-body">
                                <div class="panel-info">
                                    <!--<dl>
                                        <dt>记录编号:</dt>
                                        <dd>
                                            <dd ng-bind="item.Id"></dd>
                                        </dd>
                                    </dl>-->
                                    <dl>
                                        <dt>提交时间:</dt>
                                        <dd ng-bind="item.CreateTime  | date : 'yyyy-MM-dd HH:mm:ss'"></dd>
                                    </dl>
                                    <dl>
                                        <dt>工作人员:</dt>
                                        <dd ng-bind="item.Contact"></dd>
                                    </dl>
                                    <dl>
                                        <dt>类型:</dt>
                                        <dd ng-bind="RecordType|getEmunName:item.RecordType"></dd>
                                    </dl>
                                </div>
                            </div>
                            <div class="media-right">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--内容块-->
        <div class="col-xs-8">
            <div class="rgt-wrap box-shadow">
                <div class="widget flat radius-bordered">
                    <tabset flat="true">
                        <tab heading="位置信息">
                            <div ng-show="activeId">
                                <wt-map mapid="map1" height="mapheight" showgdmap="false" map-intialed="mapIntialed(this)"></wt-map>
                                <!--<wtmap-set-location option="setLocationOption" position="recordDetailModel.currentPosion"></wtmap-set-location>-->
                            </div>
                        </tab>
                        <tab heading="详细信息">
                            <div ng-show="activeId">
                                <div class="row" ng-if="recordDetailModel.RecordType==3">
                                    <table class="table table-bordered">
                                        <tbody>
                                            <tr>
                                                <td rowspan="7">机房环境检查</td>
                                                <td>
                                                    <span title="系统面板指示灯、声音有无报警">消防系统</span>
                                                </td>
                                                <td>
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[4][1]=='1']" ng-bind="recordDetailModel.Ext.Values[4][0]"></span>
                                                </td>
                                                <td rowspan="7"></td>
                                                <td rowspan="4">发电机配电房检查</td>
                                                <td rowspan="2">
                                                    <span title="补偿功率是否介于0.9-0.99之间">补偿仪表</span>
                                                </td>
                                                <td rowspan="2">
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[7][1]=='1']" ng-bind="recordDetailModel.Ext.Values[7][0]"></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span title="温度是否介于20℃~25℃之间、记录温度(#15为准)">一二期机房温度</span>
                                                </td>
                                                <td>
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[0][1]=='1']" ng-bind="recordDetailModel.Ext.Values[0][0]"></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span title="湿度是否介于30%~70%之间、记录湿度(#15为准)">一二期机房湿度</span>
                                                </td>
                                                <td>
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[1][1]=='1']" ng-bind="recordDetailModel.Ext.Values[1][0]"></span>
                                                </td>
                                                <td rowspan="2">
                                                    <span title="列柜仪指示灯、排气扇、消防是否正常">配电房</span>
                                                </td>
                                                <td rowspan="2">
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[8][1]=='1']" ng-bind="recordDetailModel.Ext.Values[8][0]"></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span title="温度是否介于20℃~25℃之间、记录温度(#19为准)">三期机房温度</span>
                                                </td>
                                                <td>
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[2][1]=='1']" ng-bind="recordDetailModel.Ext.Values[2][0]"></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span title="湿度是否介于30%~70%之间、记录湿度(#19为准)">三期机房湿度</span>
                                                </td>
                                                <td>
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[3][1]=='1']" ng-bind="recordDetailModel.Ext.Values[3][0]"></span>
                                                </td>
                                                <td rowspan="3">其他重要设备检查</td>
                                                <td rowspan="2">
                                                    <span title="12000路由7609路由指示灯、风扇运转是否正常">核心路由</span>
                                                </td>
                                                <td rowspan="2">
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[9][1]=='1']" ng-bind="recordDetailModel.Ext.Values[9][0]"></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span title="指示灯、声音有无报警">UPS房</span>
                                                </td>
                                                <td>
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[5][1]=='1']" ng-bind="recordDetailModel.Ext.Values[5][0]"></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span title="有无报警、查看有无漏水">风冷空调</span>
                                                </td>
                                                <td>
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[6][1]=='1']" ng-bind="recordDetailModel.Ext.Values[6][0]"></span>
                                                </td>
                                                <td>
                                                    <span title="监控主机、显示器、门锁等是否正常">门禁系统</span>
                                                </td>
                                                <td>
                                                    <span ng-class="{true: 'success', false: 'danger'}[recordDetailModel.Ext.Values[10][1]=='1']" ng-bind="recordDetailModel.Ext.Values[10][0]"></span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="panel-info report top15">
                                        <dl class="width">
                                            <dt>已巡点位:</dt>
                                            <dd>
                                                <span ng-bind="recordDetailModel.Ext.FinishPoint"></span>
                                            </dd>
                                        </dl>
                                        <dl class="width">
                                            <dt>未巡点位:</dt>
                                            <dd>
                                                <span ng-bind="recordDetailModel.Ext.NotFinishPoint"></span>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                                <div class="row" ng-if="recordDetailModel.RecordType==4">
                                    <div class="panel-info report">
                                        <dl class="width">
                                            <dt>反馈描述:</dt>
                                            <dd ng-bind="recordDetailModel.Note"></dd>
                                        </dl>
                                    </div>
                                    <div class="thumbs" id="recordThumbs">
                                        <a target-href="{{item.Url}}" style="background-image:url({{item.Url}})" thumbs-list="recordThumbs" ng-repeat="item in recordDetailModel.Imgs track by $index"></a>
                                    </div>
                                </div>
                            </div>
                        </tab>
                    </tabset>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 删除记录 -->
<div class="modal fade" id="delModal">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">确定删除吗?</h4>
            </div>
            <div class="modal-body">
                <div class="panel-info">
                    <dl>
                        <dt>设施编号:</dt>
                        <dd>aaa</dd>
                    </dl>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>
